/* 重置内外边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}
body {
    color: #333;
    line-height: 1.6;
}

/* 设置根元素字体大小为10px，方便使用rem */
html {
}

body {
    line-height: 1.5; /* 设置行高 */
    min-height: 100vh; /* 确保body至少占据整个视口高度 */
    -webkit-font-smoothing: antialiased; /* macOS/iOS上的字体平滑 */
    -moz-osx-font-smoothing: grayscale; /* Firefox上的字体平滑 */
}

img,
picture,
video,
iframe,
table,
figure {
    max-width: 100%; /* 限制图片宽度，防止溢出容器 */
    height: auto; /* 保持图片宽高比 */
}

a {
    text-decoration: none; /* 去除链接下划线 */
    color: inherit; /* 继承父元素颜色 */
}

ul,
ol {
    list-style: none; /* 去除列表默认样式 */
}

button,
input,
select,
textarea {
    font: inherit; /* 继承父元素字体样式 */
    background-color: transparent; /* 背景透明 */
    border: none; /* 去除默认边框 */
    padding: 0; /* 去除默认内边距 */
    appearance: none; /* 去除默认外观样式 */
    cursor: pointer; /* 设置鼠标样式为指针 */
}

/* 禁用按钮默认样式 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
